<script setup>
let $props = defineProps(["zuobiao","menuSelectId"]);
let $emits = defineEmits(['changeForum']);
const handlePrivateMessage = ()=>{
    console.log($props,"props")
    console.log("新menu",$props.menuSelectId)
    // 新建新对话，并且把menu变成false
    $emits("changeForum",$props.menuSelectId)
}
</script>

<template>
  <div class="menu" :style="zuobiao">
    <div class="menuItem" @click="handlePrivateMessage">
        <el-icon><ChatDotRound /></el-icon><i>私信</i>
    </div>
    <div class="menuItem">
        <el-icon><ChatDotRound /></el-icon><i>其他</i>
    </div>
  </div>
</template>

<style scoped lang="scss">
.menuItem {
  padding: 5px;
  font-size: 0.8rem;
  border-radius: 5px;
  color: #fff;
  &:hover {
    background: $strong;
    cursor: pointer;
  }
  i {
    margin-left: 5px;
    font-style: normal;
  }
}
</style>
